<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <meta
      name="format-detection"
      content="telephone=no,email=no,date=no,address=no"
    />
    <link rel="stylesheet" type="text/css" href="../../common/style/aui.css" />
    <link
      rel="stylesheet"
      type="text/css"
      href="../../common/js/swiper/swiper-4.0.5.min.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="../../common/style/font-awesome.min.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="../../common/style/new-phone.css"
    />
    <script
      type="text/javascript"
      src="../../common/js/jquery-1.11.2.min.js"
    ></script>
    <script type="text/javascript" src="../../common/js/md5.js"></script>
    <script src="../../common/js/vue.min.js"></script>
    <script src="../../common/js/axios.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../common/js/weixin.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../common/js/share.js"></script>
    <script src="../../common/js/aui-toast.js"></script>
    <script
      type="text/javascript"
      src="../../common/request/request.js?version=1.0.12"
    ></script>
    <script type="text/javascript" src="./js/enterDevelopes.js?version=1.0.12"></script>
    <style>
      .role-3 .type {
        padding: 0.6rem;
      }
    </style>
  </head>

  <body class="layout-w" id="layout-d">
    <div class="aui-content-padded">
      <h3 class="common-title-h3 mt-1">入驻平台</h3>
      <div class="swiper-container role-3" id="type-swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div
              class="type active"
              onclick="javascript:window.location.href='enterDevelopers.html';"
            >
              开发商/运营商
              <label
                ><input
                  type="radio"
                  name="demo-radio"
                  class="demoHidden"
                  checked/><span class="radioInput"></span
              ></label>
            </div>
          </div>
          <div class="swiper-slide">
            <div
              class="type"
              onclick="javascript:window.location.href='enterPerson.html';"
            >
              个人业主
              <label
                ><input type="radio" name="demo-radio" class="demoHidden"/><span
                  class="radioInput"
                ></span
              ></label>
            </div>
          </div>
          <div class="swiper-slide">
            <div
              class="type"
              onclick="javascript:window.location.href='enterAgency.html';"
            >
              中介代理公司
              <label
                ><input type="radio" name="demo-radio" class="demoHidden"/><span
                  class="radioInput"
                ></span
              ></label>
            </div>
          </div>
        </div>
      </div>
      <p class="ru-content">
        真诚邀请业内伙伴加入平台，以“提升客户/代理机构的选址体验和选址效率”为使命，团结一心，共同开创一个信息全面、准确、及时的专业化商办地产选址服务平台，共同营造和谐、共赢的行业生态。
      </p>
      <div class="desc-content">
        <h3 class="common-title-h3 mt-1">主要服务</h3>
        <img
          src="../../common/images/ru/enter-kai-1.png"
          style="width:75%;height:75%;margin:1rem auto;display:block;"
        />
        <img
          src="../../common/images/zhizu-new-1.png"
          style="width:70%;height:100%;margin:2rem auto 1rem;display:block;"
        />
        <img
          src="../../common/images/ru/enter-kai-b-title.png"
          style="width:100%;height:100%;margin:2rem auto 0;display:block;"
        />
        <img
          src="../../common/images/ru/enter-kai-b.gif"
          style="width:100%;height:100%;margin:0 auto;display:block;"
        />
        <img
          src="../../common/images/ru/enter-kai-a-title.png"
          style="width:100%;height:100%;margin:2rem auto 0;display:block;"
        />
        <img
          src="../../common/images/ru/enter-kai-a.gif"
          style="width:100%;height:100%;margin:0 auto 1rem;display:block;"
        />
        <h3 class="common-title-h3 mt-1">入驻流程</h3>
        <img
          src="../../common/images/ru/enter-kai-step.svg"
          style="height:14rem;margin: .5rem auto;display: block;"
        />
      </div>
      <!-- <div class="new-join">
        <h4>最新加入楼盘</h4>
        <div class="bg-line"></div>
        <ul class="aui-clearfix">
          <li>
            <div>
              <img src="../../common/images/d-1.png" />
              <div class="black-bg"></div>
              <p>华贸写字楼</p>
            </div>
          </li>
          <li>
            <div>
              <img src="../../common/images/d-2.png" />
              <div class="black-bg"></div>
              <p>颐堤港写字楼颐堤港写字楼</p>
            </div>
          </li>
          <li>
            <div>
              <img src="../../common/images/d-3.png" />
              <div class="black-bg"></div>
              <p>泛利大厦</p>
            </div>
          </li>
        </ul>
      </div> -->
      <!-- <a href="javscript:;" class="tips"
        >智选3D直租，了解一下&nbsp;<i class="fa fa-angle-right"></i
      ></a> -->
    </div>
    <div class="white-2"></div>
    <div class="bottom-fixed">
      <a
        class="submit-button"
        href="javascript:;"
        @click="showPopup();"
        aui-popup-for="bottom"
        >我要入驻</a
      >
    </div>
    <div class="aui-popup aui-popup-bottom" id="bottom">
      <div class="aui-popup-content desc-content">
        <dl class="form-info">
          <dd class="aui-clearfix">
            <select style="margin-right:3.5%;" id="city">
              <option
                value="{{ item.item_name }}"
                v-for="item in addressList"
                @click="choose(item,$index)"
                data-index="{{ $index }}"
                v-html="item.item_name"
                ></option
              >
            </select>
            <select id="town">
              <option value="{{ area.item_name }}" data-index="{{$index}}" v-for="area in areaList" v-html="area.item_name"></option>
              <option value="" v-if="areaList.length<=0">暂无</option></select
            >
            <select style="margin-left:3.5%;" v-model="form.tradingAreaId">
              <option value="{{ area.item_name }}" v-for="area in buinsList" v-html="area.item_name"></option>
            </select>
          </dd>
          <dd>
            <input
              type="text"
              v-model="form.buildingName"
              class="info-input"
              placeholder="楼盘/公司名称……"
            />
          </dd>
          <dd>
            <input
              type="text"
              v-model="form.name"
              class="info-input"
              placeholder="联系人……"
            />
          </dd>
          <dd>
            <input
              type="text"
              v-model="form.tel"
              class="info-input"
              placeholder="电话……"
            />
          </dd>
        </dl>
        <a href="javascript:;" class="submit-button" @click="create()">提&nbsp;交</a>
      </div>
    </div>
    <script src="../../common/js/swiper/swiper-4.0.5.min.js"></script>
    <script src="../../common/js/aui-popup.js"></script>
    <script type="text/javascript">
      var popup = new auiPopup();
      var famousSwiper = new Swiper("#type-swiper", {
        slidesPerView: "auto",
        loop: false,
        direction: "horizontal"
      });

      function showPopup() {
        popup.show(document.getElementById("bottom"));
      }
    </script>
  </body>
</html>
